/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    font-family: Poppins-Regular, sans-serif;
}

@font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/poppins-regular.ttf'); 
  }
  
  @font-face {
    font-family: Poppins-Bold;
    src: url('../fonts/poppins-bold.ttf'); 
  }
  
  @font-face {
    font-family: Poppins-Medium;
    src: url('../fonts/poppins-medium.ttf'); 
  }
  
  @font-face {
    font-family: Montserrat-Bold;
    src: url('../fonts/montserrat-bold.ttf'); 
  }

.chooseProperty {
    margin: 0 auto;
    width: 100%;
}

.container_cp {
    width: 100%;
    min-height: 100vh;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: -webkit-linear-gradient(-135deg, #8EB6D3, #9267c4);
    background: -o-linear-gradient(-135deg, #8EB6D3, #9267c4);
    background: -moz-linear-gradient(-135deg, #8EB6D3, #9267c4);
    background: linear-gradient(-135deg, #8EB6D3, #9267c4);
}

.nav_cp {
    width: 100%;
    height: 100px;
    box-shadow: rgb(86, 66, 99);
    background-color: #bc8cf3;
    margin: 0;
    display: block;
}

.nav_cp_title {
    margin: 0 auto;
    font-family: Poppins-Regular;
    font-size: 48px;
    text-align: center;
    line-height: 3rem;
}

.chooseArea {
    width: 800px;
    border-radius: 25px;
    /* background-color: linear-gradient(120deg, rgba(170, 170, 170, 0.575), rgb(245, 245, 245)); */
    /* background: white;
    margin: 20px 50px 20px 50px;
    height: 100%;
    padding: 50px 50px 50px 50px;
    
}

.chooseArea a {
    font-family: Poppins-Regular;
    font-size: 32px;
    color: white;
}

.chooseArea a:hover {
    text-decoration: none;
    color: #9267c4;
}

.chooseArea a:focus {
    outline: none !important;
}

ul, ol {
    list-style-type: none;
}
li {
    width: 250px;
    height: 100px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 25px;
    float: left;
    margin: 0 80px 50px 60px;
    white-space: nowrap;
}

.property {
    float: left;
    width: 100px;
    height: 100%;
    margin: 0 1rem 0 0;
    padding: 0 0 0 0;
    text-align: center;
    background: #87cefa;;
    box-shadow: 0 0 10px #ccc ;
    border-radius: 25px;
}

.property img {
    width: 60px;
    height: 60px;
    margin: 0px;
}

.emergencyLink {
    width: 100%;
    background-color: #000;
    margin: 0;
     
}

.emergencyLink a {

}

.emergencyLink p {
    
}  */


@font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/poppins-regular.ttf'); 
  }
  
  @font-face {
    font-family: Poppins-Bold;
    src: url('../fonts/poppins-bold.ttf'); 
  }
  
  @font-face {
    font-family: Poppins-Medium;
    src: url('../fonts/poppins-medium.ttf'); 
  }
  
  @font-face {
    font-family: Montserrat-Bold;
    src: url('../fonts/montserrat-bold.ttf'); 
  }

* {
    margin: 0px;
    padding: 0px;
    /* box-sizing: border-box; */
}

body, html {
    height: 100%;
    font-family: Poppins-Regular, sans-serif;
}

li a {
    font-family: Poppins-Regular;
    font-size: 24px;
    margin: 0;
    color: #000;
}

li a:focus {
    outline: none !important;
}

li a:hover {
    text-decoration: none;
    color: rgb(126, 186, 235);
}

li h4 {
    padding: 30px;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0 40px 40px 0;
}

p {
    font-family: Poppins-Regular;
    font-size: 15px;
    line-height: 1.7;
    color: #000;
    margin: 0px;
}

ul, ol {
    list-style-type: none;
}

.chooseProperty {
    margin: 0 auto;
    width: 100%;
}

.propertyNav {
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 20px;
    background-color: #87cefa;
    box-shadow: 0 0 10px #498fb8;
}

.navA_1{
    width: 200px;
    height: 40px;
    background-color: transparent;
    color: #bfd2dd;
    margin: 0;
    box-shadow: none;
    display: block;
}

.navA_2{
    width: 200px;
    height: 40px;
    background-color: transparent;
    color: #bfd2dd;
    margin: 0;
    box-shadow: none;
    display: none;
}
.navbarLi {
    width: 100px;
    height: 100%;
    line-height: 100%;
    background: transparent;
}

li {
    width: 250px;
    height: 100px;
    box-shadow: 0 0 10px #ccc;
    border-radius: 25px;
    float: left;
    margin: 0 80px 50px 60px;
}

.pic {
    float: left;
    width: 100px;
    height: 100%;
    margin: 0 1rem 0 0;
    padding: 1rem 0 0 0;
    /* background: -webkit-radial-gradient(#a6e2f1,#43b3f5); */
    text-align: center;
    background: #87cefa;;
    box-shadow: 0 0 10px #ccc ;
    border-radius: 25px;
}

.pic img {
    width: 60px;
    height: 60px;
    margin: 0px;

}

.emergencyLink {
    width: 100%;
    height: 100px;
    padding: 0;
    margin-top: 50px;
    background-color: #000;
}

.emergencyLink_title {
    width: 200px;
    height: 50px;
    margin: 0 auto;
    font-family: Poppins-Regular;
    font-size: 32px;
    color: white;
    text-align: center;
    line-height: 0.1rem;
}

.emergencyLink_container {
    width: 200px;
    height: 50px;
    margin: 0;
    float: left;
    
}

.emergencyLink_container a {
    font-family: Poppins-Regular;
    font-size: 24px;
    color: rgb(52, 168, 221);
    text-decoration: none;
    margin: 0 20px 5px 0;
}

.emergencyLink_container a:hover {
    text-decoration: none;
    color: grey;
}




